<style type="text/css">
    .groupUser .rank-group{ width: 80px; text-align: center;  border: none; padding: 0px; margin:0px;  float: left}
    .groupUser .rank-group img{ width: 48px; height: 48px; }
   .groupUser .rank-group .rank-info{ width: 100% }
</style>
<div class="groupUser">    
            <ul>
                <volist name="list" id="vo">
                <li class="rank-group">
                    <!-- <span class="rank-num glyphicon glyphicon-bookmark"><span><{$i}></span></span> -->
                    <div class="rank-info">

                        <a class="group-name" href="<{:U('User/index',array('user_id'=>$vo['user_id']))}>">
                         <img src="<{$vo['user']['headimg']}>" width="20" height="20" >
                        <{$vo.user.nickname}>
                        </a>
                       
                    </div>
                    <!-- <a class="add" onclick="followUser(this)" data-id="<{$vo['user_id']}>"  href="javascript: void 0;" >+&nbsp;关注</a> -->
                </li>

                </volist>
            </ul>
 </div>